<template>
  <div>
    <Return txt="备注"></Return>
    <div class="msg">
        <img src="../../assets/images/logo.png" alt="">
        <input class="msgInput" type="text" placeholder="群备注">
        <van-icon name="close" />
    </div>
    <div class="title">群聊名称:未命名(群聊备注仅自己可见。)</div>
    <van-button color="#4AC7D7" class="button">确认</van-button>
  </div>
</template>
<script>
import Return from "../../components/return";
export default {
  components: {
    Return,
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
.qunName{
text-align: center;
}
.msg {
  width: 90%;
  margin-left: 5%;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 10px 0;
  border-bottom: 0.1px solid #4AC7D7;
}
.msg img {
  width: 40px;
  height: 40px;
}
.msgInput {
  height: 40px;
  width: 80%;
  margin-left: 10px;
  border: none;

}
.button{
    width: 60%;
    margin-left: 20%;
    margin-top: 50px;
}
.title{
    margin-left: 10%;
    margin-top: 10px;
    font-size: 15px;
}
</style>